<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" charset="UTF-8" content="width=device-width, initial-scale=1.0">
    <title>任务列表</title>
    <script src="${ctx}/js/jquery1.8.2.min.js"></script>
    <script src="${ctx}/js/vue.min.js"></script>
    <script src="${ctx}/js/changeSize.js"></script>
    <link rel="stylesheet" href="${ctx}/css/reset.css">
    <script src="${ctx}/layui/layui.all.js"></script>
    <link rel="stylesheet" href="${ctx}/layui/css/layui.mobile.css">
</head>
<style>
    [v-cloak] {
        display: none;
    }

    .task_list {
        padding-bottom: 4.1rem;
    }

    .task_header {
        border-bottom: 0.2rem solid #f5f5f5;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        text-align: center;
        height: 2.6rem;
        line-height: 2.6rem;
        font-size: 1rem;
        background: #52A2BD;
        color: #fff;
        z-index: 2;
    }

    .task_header img {
        position: absolute;
        width: 1rem;
        height: 1rem;
        top: 50%;
        transform: translateY(-50%);
        left: 0.5rem;
    }

    .task_box {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 4px;
        padding: 0.8rem 0.8rem 0.6rem 0.8rem;
    }

    .last_num {
        display: flex;
    }

    .last_num img {
        margin-right: 1rem;
        width: 2.8rem;
        height: 2.8rem;
        border-radius: 0.5rem;
    }

    .last_num div {
        padding-top: 0.2rem;
    }

    .title {
        margin-bottom: 0.8rem;
        font-size: 1rem;
    }

    .describe {
        font-size: 0.75rem;
        color: #ACAEAD;
    }

    .describe i {
        color: #ED3F27;
    }

    .get_money {
        color: #ED3F27;
        font-size: 1.2rem;
        font-weight: 600;
    }

    .pass_detail {
        position: absolute;
        right: 0.7rem;
        top: 0.2rem;
        z-index: 2;
    }

    .pass_detail img {
        width: 4.15rem;
        height: 1.97rem;
    }

    .task_intro {
        padding: 0 0.8rem;
    }

    .task_intro div {
        padding: 0.5rem 1.2rem;
        border-radius: 3rem;
        font-size: 0.8rem;
    }

    .task_intro div p:first-child {
        margin-bottom: 0.5rem;
    }

    .check_status {
        background: #EAF4F7;
        color: #52A2BD;
    }

    .pass_status {
        background: #F3F9F4;
        color: #96CFA3;
    }


    .task_time {
        padding: 0 0.8rem 0.8rem 0.8rem;
        border-bottom: 0.2rem solid #F5F5F5;
        font-size: 0.75rem;
        border-top: 1px solid #eae9e9;
    }

    .time_box {
        display: flex;
        justify-content: space-between;
    }

    .show_border {
        border-top: 1px solid #F5F5F5;;
    }

    .task_time {
        padding-top: 0.6rem;
    }

    .task_time .item {
        display: block;
        text-align: center;
        color: #ACAEAD;
    }

    .task_time .time_box div img {
        width: 0.85rem;
        height: 0.85rem;
        margin-right: 0.2rem;
    }

    .task_time .time_box div p {
        margin-top: 0.5rem;
        color: #F6B141;
        text-align: center;
    }

    .task_time .time_box div:last-child p {
        display: flex;
        align-items: center;
        color: #10B64B;
    }

    .task_require {
        border-bottom: 0.2rem solid #F5F5F5;
        font-size: 0.8rem;
        padding: 0.8rem;
    }

    .task_require p:first-child {
        margin-bottom: 0.5rem;
    }

    .task_require p:last-child {
        line-height: 1.2rem;
    }

    .task_require i {
        color: #f0361e;
    }

    .task_step {
        padding: 0.8rem;
        font-size: 0.8rem;
    }

    .task_step .tip {
        width: 100%;
        display: flex;
        justify-content: space-between;
        color: #6B6B6B;
        margin-bottom: 0.5rem;
    }

    .video {
        display: block;
        width: 3rem;
        height: 1.5rem;
        line-height: 1.5rem;
        text-align: center;
        background: #52A2BD;
        color: #fff;
        font-size: 0.7rem;
        border-radius: 5rem;
    }

    .content_box {
        position: relative;
        display: flex;
        height: 100%;
        padding-bottom: 1rem;
    }

    .step_num {
        height: 100%;
        margin-right: 1rem;
    }

    .step_num i {
        display: block;
        background: #52A2BD;
        color: #fff;
        font-size: 0.8rem;
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        text-align: center;
        border-radius: 100%;
    }

    .step_num span {
        position: absolute;
        display: block;
        border-left: 1px solid #d7d7d7;
        top: 1rem;
        left: 0.5rem;
        bottom: 0;
    }

    .task_content p {
        margin-bottom: 0.7rem;
        line-height: 1.1rem;
        text-align: justify;
    }

    .task_content a {
        display: block;
        text-decoration: none;
        padding: 0.3rem 0;
        width: 40%;
        border-radius: 1rem;
        text-align: center;
        background: #52A2BD !important;;
        color: #fff;
        margin: 0 auto;
    }

    .input_box input {
        width: 90%;
        height: 1.7rem;
        box-sizing: border-box;
        padding: 0 0.5rem;
    }


    .img_text {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .show_img {
        position: relative;
        margin: 0.5rem 0;
        width: calc(45% - 0.4rem);
        max-height: 14rem;
    }

    .show_img:nth-child(2n) {
        margin-left: 0.8rem;
    }

    .show_img div {
        position: relative;
        width: 100%;
        height: 12rem;
        border: 1px solid rgb(191, 187, 187);
        overflow: hidden;
    }

    .show_img img {
        position: absolute;
        top: 50%;
        width: 100%;
        transform: translateY(-50%);
        max-height: 100%;
    }

    .show_img p {
        margin-top: 0.5rem;
        text-align: center;
    }


    .get_task {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding: 0.5rem 0;
        background: #fff;
        z-index: 2;
        border-top: 0.2rem solid #F5F5F5;
    }

    .get_task div {
        text-align: center;
    }

    .get_task div span {
        display: inline-block;
        padding: 0 1rem;
        border-radius: 1rem;
        height: 2rem;
        line-height: 2.1rem;
        text-align: center;
        background: #52A2BD;
        color: #fff;
        font-size: 0.8rem;
        margin-left: 0.4rem;
    }

    .get_task div span:first-child {
        margin-left: 0;
    }

    .get_task div .all {
        width: 90%;
        padding: 0;
        margin: 0 auto;
    }

    .textarea_box {
        position: relative;
        padding: 1rem 0 0 2rem;
    }

    .textarea_box .line {
        position: absolute;
        top: 0;
        left: 0.5rem;
        height: 100%;
        border-left: 1px solid #d7d7d7;
    }

    .textarea_box p {
        margin-bottom: 0.5rem;
    }

    .copy_operate {
        display: flex;
        align-items: center;
    }

    .scroll_box {
        box-sizing: border-box;
        padding: 0 0.4rem;
        border: 1px solid #dedede;
        border-radius: 0.1rem;
        height: 1.6rem;
        width: 11rem;
        overflow: hidden;
    }

    .scroll_box div {
        height: 1.8rem;
        overflow-x: scroll;
        overflow-y: hidden;
        line-height: 1.6rem;
    }

    .copy_btn {
        display: inline-block;
        border-radius: 0.2rem;
        width: 3.5rem;
        height: 1.6rem;
        line-height: 1.6rem;
        text-align: center;
        background: #52A2BD;
        color: #fff;
        font-size: 0.8rem;
        margin-left: 0.5rem;
    }


</style>
<body>
<div id="detail">
    <#--<div class="task_header">-->
    <#--<img src="${ctx}/image/zuo_white.png" @click="comeback">-->
    <#--<p>任务详情</p>-->
    <#--</div>-->
    <div class="task_list" v-cloak>
        <div class="task_box">
            <div class="last_num">
                <img :src="task.detail.icon">
                <div>
                    <p class="title">{{task.detail.title}}</p>
                    <p class="describe">剩余<i>{{task.detail.amount}}</i>份</p>
                </div>
            </div>
            <span v-if="task.type>0" class="get_money">+{{task.userMoney}}金币</span>
            <span v-else class="get_money">+{{task.userMoney/100}}元</span>
            <div class="pass_detail">
                <img src="${ctx}/image/fail.png" v-if="task.record.status==='CheckFailure'">
                <img src="${ctx}/image/check.png" v-else-if="task.record.status==='WaitCheckout'">
                <img src="${ctx}/image/finish.png" v-else-if="task.record.status==='CheckSuccess'">
            </div>
        </div>
        <#--   <div class="task_intro" v-if="task.record.status==='WaitCheckout'||task.record.status==='CheckSuccess'">
               <div :class="{'check_status':task.record.status==='WaitCheckout','pass_status':task.record.status==='CheckSuccess'}">
                   <p>任务用时：2分35秒</p>
                   <p>获得佣金：0.50元，已打入账户余额</p>
               </div>
           </div>-->
        <div class="task_time" :class="{'show_border':task.record.status==='CheckFailure'}">
            <div class="time_box">
                <div>
                    <span class="item">任务时间</span>
                    <p>{{task.taskTime}}分钟</p>
                </div>
                <div>
                    <span class="item">审核周期</span>
                    <p>{{task.auditTime|auditTime}}</p>
                </div>
                <div>
                    <span class="item">安全保障</span>
                    <p>
                        <img src="${ctx}/image/safe.png">
                        <span>人工审核</span>
                    </p>
                </div>
            </div>
        </div>
        <div class="task_require" v-if="task.detail.isMission">
            <p><i>*</i>任务要求：</p>
            <p v-for="(item,index) in task.detail.missionList">{{index+1}}:{{item}}</p>
        </div>

        <div class="task_step">
            <div class="tip">
                <span>任务步骤</span>
                <div class="btn_box" @click="openVideo" id="video" v-if="task.detail.media!=''">
                    <div class="video">
                        <span></span>
                    </div>
                    <div class="v_border"></div>
                </div>
            </div>
            <template v-if="task.record.status ==='None'||task.record.status ==='WaitSumbit'">
                <div v-for="(item,index) in task.detail.contents" class="content_box">
                    <div class="step_num">
                        <i>{{index+1}}</i>
                        <span></span>
                    </div>
                    <div style="padding-top: 0.2rem;width: 100%">
                        <div v-html="item.text" class="task_content" @click="getUrl"></div>
                        <div class="img_text" v-if="item.type === 'image'&&item.image">
                            <div class="show_img" @click="openBigImage(item.image.image)">
                                <div>
                                    <img :src="item.image.image">
                                </div>
                                <p>{{item.image.title}}</p>
                            </div>
                            <div class="show_img" @click="uploadImage(index)">
                                <div>
                                    <img v-if="task.record.result===''" src="${ctx}/image/upload.png"
                                         :id="'img'+index"/>
                                    <img v-else :src="item.image.resultImage" :id="'img'+index">
                                </div>
                                <p>我的传图</p>
                            </div>
                        </div>
                        <div class="img_text" v-if="item.type === 'imagenoup'&&item.imagelist">
                            <div class="show_img" v-for="(list,index) in item.imagelist"
                                 @click="openBigImage(list.image)">
                                <div>
                                    <img :src="list.image">
                                </div>
                                <p>{{list.title}}</p>
                            </div>
                        </div>
                        <div class="input_box" v-if="item.type === 'input'">
                            <input type="text" v-model="item.resultInput" <#--@input="getInput(index)"-->>
                        </div>
                    </div>
                </div>
            </template>
            <#--<p class="tip">提交过任务的任务步骤</p>-->
            <template v-else>
                <div v-for="(item,index) in task.memberResult" class="content_box">
                    <div class="step_num">
                        <i>{{index+1}}</i>
                        <span></span>
                    </div>
                    <div style="padding-top: 0.2rem;width: 100%">
                        <div v-html="item.text" class="task_content" @click="getUrl"></div>
                        <div class="img_text" v-if="item.type === 'image'&&item.image">
                            <div class="show_img" @click="openBigImage(item.image.image)">
                                <div>
                                    <img :src="item.image.image">
                                </div>
                                <p>{{item.image.title}}</p>
                            </div>
                            <div class="show_img" @click="openBigImage(item.resultImage.image)">
                                <div>
                                    <img v-if="task.record.result===''" src="${ctx}/image/upload.png" :id="'img'+index"
                                         style="height: 14rem;top: 1px;transform: translateY(0)"/>
                                    <img v-else :src="item.resultImage.image" :id="'img'+index">
                                </div>
                                <p>我的传图</p>
                            </div>
                        </div>
                        <div class="img_text" v-if="item.type === 'imagenoup'&&item.imagelist">
                            <div class="show_img" v-for="(list,index) in item.imagelist"
                                 @click="openBigImage(list.image)">
                                <div>
                                    <img :src="list.image" style="border:1px solid rgb(191, 187, 187)">
                                </div>
                                <p>{{list.title}}</p>
                            </div>
                        </div>
                        <div class="input_box" v-if="item.type === 'input'">
                            <input type="text" v-model="item.resultInput"
                                   disabled="false" <#--@input="getInput(index)"-->>
                        </div>

                    </div>
                </div>
            </template>

            <div class="textarea_box" v-if="task.record.status !=='None'">
                <span class="line"></span>
                <p>点击复制评论内容：</p>
                <div class="copy_operate">
                    <div class="scroll_box">
                        <div>{{detail.msg}}</div>
                    </div>
                    <span class="copy_btn" @click="copyText(detail.msg)">复制</span>
                </div>

                <div class="img_text" v-if="detail.hasPicture">
                    <div class="show_img" v-for="(list,index) in detail.pictureList" @click="openBigImage(list)">
                        <div>
                            <img :src="list">
                        </div>
                        <p>{{list.title}}</p>
                    </div>
                </div>
            </div>


        </div>
        <div class="get_task">
            <div v-if="task.record.status==='None'&&!hide" @click="recieveTask">
                <span :class="{'all':task.record.status==='None'}">领取任务</span>
            </div>
            <div v-if="task.record.status==='WaitSumbit'&&!task.shifang">
                <span @click="giveUpDialog">放弃任务</span>
                <span @click="commitTask">提交任务（{{time.minute}}分{{time.second}}秒后过期）</span>
            </div>
            <div v-if="task.record.status==='CheckFailure'&&task.record.redo === '0'" @click="recieveTask">
                <span :class="{'all':task.record.status==='CheckFailure'}">重做任务</span>
            </div>
            <div v-if="task.record.status==='WaitCheckout'&&!cuishen">
                <span class="all">{{checkTime.hours}}:{{checkTime.minute}}:{{checkTime.second}}等待审核</span>
            </div>
            <div v-if="cuishen" @click="cuishen1">
                <span class="all">审核时间已到，领取奖励！</span>
            </div>
            <div v-if="task.record.status==='CheckFailure'&&task.redoStatus===1&&task.redocount===0" @click="redo">
                <span class="all">重做该任务</span>
            </div>
            <div v-if="shifang">
                <span class="all">超时未提交,任务已释放!</span>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script>
    var app = new Vue({
        el: '#detail',
        data: {
            task: {},
            ids: '',
            types: '',
            time: {
                minute: 0,
                second: 0
            },
            checkTime: {
                hours: 0,
                minute: 0,
                second: 0
            },
            hide: false,
            dialogType: 0,
            toId: '',
            toType: '',
            upIndex: '',
            contents: [],
            upImg: '',
            input_text: '',
            inputIndex: '',
            detail: {},
            cuishen: false,
            shifang: false
        },
        mounted: function () {
            window.leftButton = this.leftButton;
            window.rightButton = this.rightButton;
            window.finishUpload = this.finishUpload;
            window.refreshList = this.refreshList;
            this.ids = '${taskId}';
            this.types = '${type}';
            this.getDetail();
            window.xy_web.setActivityTitle('任务详情');
            window.xy_web.showAndHideTitleBar(true);  //显示标题栏
            window.xy_web.showAndHideRecord(false);
        },
        methods: {
            getDetail: function () {
                var that = this;
                var res = that.ajax("/task/" + that.types.toLowerCase() + "/" + that.ids, "", 'get');
                if (res.success) {
                    that.task = res.data.data;
                    that.contents = res.data.data.detail.contents;
                    for (var i = 0; i < that.contents.length; i++) {
                        if (that.contents[i].type === 'image') {
                            that.contents[i].resultImage = 'none';
                            var obj = '#img' + i;
                            $(obj).attr("src", '${ctx}/image/upload.png');
                        }
                        if (that.contents[i].type === 'input') {
                            that.contents[i].resultInput = '';
                        }
                    }
                    console.log('success', that.task)
                    if (this.task.record.status === 'WaitSumbit') {
                        that.detail = res.data.detail;
                        this.downCount(this.task.record.endTime);
                    }
                    if (this.task.record.status === 'WaitCheckout') {
                        this.downCount(new Date(this.task.record.submitTime).getTime() + this.task.auditTime * 60 * 1000);

                    }

                } else {
                    console.log('fail')
                }
                window.xy_web.closeRefresh();
            },
            //领取任务
            recieveTask: function () {
                var that = this;
                var res = that.ajax("/pull/" + that.types.toLowerCase() + "/" + that.ids, "", 'post');
                if (res.success) {
                    // layer.msg(res.message);

                    that.getDetail();
                } else {
                    if (res.status === '800') {
                        that.dialogType = 2;
                        that.toId = res.data.taskId;
                        that.toType = res.data.category;
                        window.xy_web.showDialog(2, '已领取过任务', res.message, '继续领取', '回原任务')
                    } else {
                        layer.msg(res.message);
                    }
                    console.log('fail')
                }
            },
            //提交任务
            commitTask: function () {
                var that = this;
                var re = that.contents;
                for (var i = 0; i < that.contents.length; i++) {
                    if (that.contents[i].type === 'image') {
                        if (that.contents[i].resultImage === 'none') {
                            layer.msg('请上传截图')
                            return;
                        }
                    }
                    if (that.contents[i].type === 'input') {
                        if (that.contents[i].resultInput === '') {
                            layer.msg('请上传评论')
                            return;
                        }
                    }
                }

                var data = {result: JSON.stringify(re)};
                var res = that.ajax("/push/" + that.types.toLowerCase() + "/" + that.ids, data, 'post');
                that.showMsg(res);
                that.getDetail();
            },

            giveUpDialog: function () {
                this.dialogType = 3;
                window.xy_web.showDialog(3, '放弃任务', '您放弃当前任务奖励吗？', '狠心放弃', '继续任务')
            },

            giveUpTask: function () {
                var that = this;
                var res = that.ajax("/member/task/clean", "", 'post');
                if (res.success) {
                    console.log('success', res);
                    // window.xy_web.openFloatWindow(0);
                    if (that.dialogType === 2) {
                        that.recieveTask();
                        //window.xy_web.openFloatWindow(0);
                    } else if (that.dialogType === 3) {
                        that.getDetail();
                    } else {
                        that.getDetail();
                    }
                } else {
                    console.log('fail')
                }
            },


            downCount: function (date) {
                var ti = new Date(date).getTime() - new Date().getTime();
                this.createCountDown(ti);
            },


            createCountDown: function (time) {
                var that = this;
                clearInterval(this.countDown);
                that.countDown = setInterval(function () {
                    that.setTimeFormat(time);
                    //时间到了暂停倒计时
                    if (time <= 0) {
                        if (that.task.record.status === 'WaitCheckout') {
                            that.cuishen = true;
                        }
                        if (that.task.record.status === 'WaitSumbit') {
                            that.shifang = true;
                        }
                        // that.getDetail();
                        clearInterval(that.countDown);
                    }
                    time -= 1000;
                }, 1000);
            },

            setTimeFormat: function (time) {
                var miao = time / 1000;
                if (this.task.record.status === 'WaitSumbit') {

                    var hour = parseInt(miao / 60);
                    var minute = parseInt(miao - (hour * 60));
                    this.time.minute = hour;
                    this.time.second = minute;
                }
                if (this.task.record.status === 'WaitCheckout') {
                    var xiaoshi = parseInt(miao / 60 / 60);
                    var minute = parseInt(miao / 60 - xiaoshi * 60);
                    var ah = parseInt(miao - (xiaoshi * 60 * 60) - (minute * 60));
                    this.checkTime.minute = minute;
                    this.checkTime.second = ah;
                    this.checkTime.hours = xiaoshi;
                }

            },

            openVideo: function () {
                var that = this;
                window.xy_web.playVideo(that.task.detail.media);
            },

            // 返回上一页
            comeback: function () {
                window.xy_web.closePage();
            },

            // 获取a标签href绑定点击事件
            getUrl: function (e) {
                e.preventDefault();
                if (e.target.nodeName === 'A') {
                    var url = $(e.target).attr('href');
                    window.xy_web.commonLinkAction(url);
                }
            },

            uploadImage: function (index) {
                if (this.task.record.status === 'None') {
                    layer.msg('请先领取任务')
                } else if (this.task.record.status === 'WaitSumbit') {
                    this.upIndex = index;
                    // window.xy_web.showLoading();
                    window.xy_web.openAlbum();
                    // window.xy_web.dismissLoading();
                } else {
                    this.openBigImage(this.contents[index].resultImage)
                }
            },

            finishUpload: function (e) {
                if (this.task.record.status !== 'WaitSumbit') {
                    layer.msg('只有待提交才能上传截图')
                }
                var that = this;
                console.log(e);
                var obj = '#img' + that.upIndex;
                $(obj).attr("src", e);
                var data = that.task.detail.contents;
                var img = data[this.upIndex].image;
                data[this.upIndex].resultImage = {
                    image: e,
                    title: img.title
                };
                this.contents = data;

            },

            // 获取输入框索引
            getInput: function (index) {
                this.inputIndex = index;
            },

            // 替换input值
            transformInput: function () {
                var data = this.contents;
                data[this.inputIndex] = {
                    input: '',
                    text: '',
                    type: 'input',
                    resultInput: this.input_text
                };
                // data[this.inputIndex] ={
                //     input:'',
                //     text:'',
                //     type:'input',
                //     resultInput:this.input_text
                // };
                data[this.inputIndex].resultInput = this.input_text;
                this.contents = data;
            },

            // 刷新数据
            refreshList: function () {
                var that = this;
                that.getDetail();
                window.xy_web.closeRefresh();
            },

            openBigImage: function (url) {
                console.log('open', url)
                window.xy_web.showBigImage(url);
            },

            leftButton: function (e) {
                if (this.dialogType === 2 || this.dialogType === 3) {
                    this.giveUpTask()
                }
            },

            rightButton: function (e) {
                if (this.dialogType === 2) {
                    this.ids = this.toId;
                    this.types = this.toType;
                    window.location.href = "/web/api/task/taskdetail?type=" + this.toType + '&taskId=' + this.toId;
                }
            },
            ajax: function (url, data, type) {
                var header = window.xy_web.getNetHeader();
                window.xy_web.showLoading();
                var i;
                $.ajax({
                    url: url,
                    type: type,
                    async: false,
                    data: data,
                    headers: JSON.parse(header),
                    //headers:{"appStore":"test","appid":"xianyu","brand":"test","imei":"863254030974322","lat":"","lng":"","macAddr":"C4:0B:CB:F2:C7:18","os":"Othernull","osv":"MI 6","sign":"7e058d5d632eaf9e75de4a687f12fdfd","time":"1565253309935","userid":"9c7c6d56-ad82-482c-a087-5f9560412303","version":"100"},

                    dataType: "json",
                    success: function (res) {
                        window.xy_web.dismissLoading();
                        i = res;

                    },
                    error: function () {
                        window.xy_web.dismissLoading();
                    }
                });
                return i;

            },
            showMsg: function (res) {
                var that = this;
                if (res.success) {
                    layer.msg(res.message);
                    that.getDetail();
                } else {
                    layer.msg(res.message);
                    console.log('fail')
                }
            },
            cuishen1: function () {
                var that = this;
                var res = that.ajax("/" + that.types.toLowerCase() + "/task", {taskid: that.ids}, 'post');
                that.showMsg(res);
            },
            redo: function () {
                var that = this;
                var res = that.ajax("/" + that.types.toLowerCase() + "/redo", {taskid: that.ids}, 'post');
                that.showMsg(res);
            },
            // 复制内容
            copyText: function (data) {
                window.xy_web.copyString(data);
                layer.msg('复制成功！');
            },
        }
    })
    Vue.filter('auditTime', function (value) {
        var str;
        if (value <= 1440) {
            str = "一日内";
        }
        if (value <= 4320&&value>1440) {
            str = "三日内";
        }
        if (value > 4320) {
            str = "三日后";
        }
        return str;

    })
</script>
